<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 附近 -->
    <div class="circle-collection-app dpflex fdcolumn">
        <!-- 头部导航 -->
        <div class="top dpflex">
            <div class="nav dpflex">
                <a href="./circle.html">关注</a>
                <a href="./circle-nearby.html">附近</a>
                <a class="active" href="./circle-collection.html">收藏</a>
                <a>个人动态</a>
            </div>
            <span id="add" class="add">添加 +</span>
        </div>
        <!-- 附近消息 -->
        <div class="nearby flex1">
            <div>
                <p class="user">
                    <span class="img"><img src="../imgs/头像.jpg" alt=""></span>
                    <span class="name dpflex fdcolumn">用户名<span>xx省，xx市</span></span>
                    <button>+ 关注</button>
                </p>
                <!-- 消息 -->
                <div class="news">
                    <p class="text">有这么一bai句话：“生命在于运动。du”没zhi错，运动不但可以dao锻炼我们的身体，还能充实我们的生活，愉悦我们的心情。我最喜欢的一项运动就是晨跑。
                        <span>...全部</span>
                    </p>
                    <div class="img dpflex">
                        <img src="../imgs/健身1.jpg" alt="">
                        <img src="../imgs/健身1.jpg" alt="">
                        <img src="../imgs/健身1.jpg" alt="">
                        <img src="../imgs/健身1.jpg" alt="">
                        <img src="../imgs/健身1.jpg" alt="">
                        <img src="../imgs/健身1.jpg" alt="">
                    </div>
                    <!-- 发布时间 -->
                    <p class="release dpflex ">
                        <span class="times">4小时之前</span>
                        <span class="thumbs-up iconfont icon-thumbs-up active"> <span>9999</span></span>
                        <span class="news iconfont icon-news"> 9999</span>
                    </p>
                </div>
            </div>
            <div>
                <p class="user">
                    <span class="img"><img src="../imgs/头像.jpg" alt=""></span>
                    <span class="name dpflex fdcolumn">用户名<span>xx省，xx市</span></span>
                    <button>+ 关注</button>
                </p>
                <!-- 消息 -->
                <div class="news">
                    <p class="text">有这么一bai句话：“生命在于运动。du”没zhi错，运动不但可以dao锻炼我们的身体，还能充实我们的生活，愉悦我们的心情。我最喜欢的一项运动就是晨跑。
                        <span>...全部</span>
                    </p>
                    <div class="img dpflex">
                        <img src="../imgs/健身1.jpg" alt="">
                        <img src="../imgs/健身1.jpg" alt="">
                        <img src="../imgs/健身1.jpg" alt="">
                        <img src="../imgs/健身1.jpg" alt="">
                        <img src="../imgs/健身1.jpg" alt="">
                        <img src="../imgs/健身1.jpg" alt="">
                    </div>
                    <!-- 发布时间 -->
                    <p class="release dpflex ">
                        <span class="times">4小时之前</span>
                        <span class="thumbs-up iconfont icon-thumbs-up "> <span>9999</span></span>
                        <span class="news iconfont icon-news"> 9999</span>
                    </p>
                </div>
            </div>
        </div>
    </div>
</body>

</html>